body{
    background: rgb(224, 224, 236);
}
.menu{
    background-color: rgb(233, 250, 250);
    height: 50px;
    width: 100%;
    margin: auto;
    line-height: 50px;
}
#nav ul {
    text-align: center;
    height: 50px;
    width: 100%;
    }
    #nav  #nav ul li a{
    text-decoration: none;
    color:#ec2d2d; 
    display:block;
    height: 50px;
}
#nav ul li a:hover{ 
    color:#FFF;
     background:#ec2d2d;
     height: 50px;
    } 
     ul li {
        list-style: none;
        display: inline;
        width: 128px;
        height: 50px;
        line-height: 50px;
    }

    ul li:hover{
        width: 128px;
        height: 50px;
        color:#ec2d2d;
        background:white;
    }
    .box{
        background-color: rgba(233, 250, 250, 0.993);
        height:auto;
        width:100%;
    }

*{ margin:auto; padding:0px;}  
      #nav{ width:100%; height:50px; margin:0 auto; background-color: rgba(233, 250, 250, 0.993);}  
      #nav ul{ list-style:none;}  
      #nav ul li{ float:left; line-height:50px; text-align:center; position:relative;}  
      #nav ul li a{ text-decoration:none; color:#ec2d2d; display:block;padding-left:0px 5px;}  
      #nav ul li a:hover{ color:#FFF; background:#ec2d2d;text-decoration:none}  
      #nav ul li ul{ position:absolute; display:none;}  
      #nav ul li ul li{ float:none;  text-align:left;}  
      #nav ul li ul li a{ width:100%;}  
      #nav ul li ul li a:hover{ background-color:#ec2d2d;}  
      #nav ul li:hover ul{ display:block}          
.img {
    width: 100%;
    height:60px;
    background-color: tomato;
}
.img img{
    
}